<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>力行会</title>
    <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
    <META HTTP-EQUIV="EXPIRES" CONTENT="Mon, 22 Jul 2002 11:12:01 GMT">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/swiper-3.4.1.min.css">
    <link rel="stylesheet" href="css/map.css">
    <link rel="stylesheet" href="css/iconfont.css">

    <script src="./js/jquery-1.9.1.js"></script>
    <script src="./js/swiper-3.4.1.jquery.min.js"></script>
    <script type="text/javascript" src="./js/bootstrap.js"></script>
    <script src="./js/common.js"></script>
</head>
<body>
<header>
    <div class='gray-head'>
        <div class='wrap'>
            <div >
                <a href="javascript:;"  data-toggle="modal" data-target="#login">登录</a> <span>|</span> <a data-toggle="modal" data-target="#register" href="">注册</a>
                <div class="tool quick-tool">
                    <div class="searchForm">
                        <div class="quickSearch">
                            <!-- <input type="text" name="keyword" id="keyword" placeholder="快速搜索" /> -->
                            <button >快速搜索<span class="accessible">搜索</span></button>
                        </div>
                        <div class="searchPanel">
                            <div >
                                <fieldset class="byDate">
                                    <div>
                                        <span>按时间出行</span>
                                        <a href="javascript:void(0);" class="close">X<span class="accessible">关闭搜索面板</span></a>
                                    </div>

                                    <ul>
                                        <li class='input-group date addDate'>
                                                <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
                                            <input type="text" /></li>
                                        <li class='input-group date addDate'>
                                                <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
                                            <input type="text" /></li>
                                    </ul>
                                </fieldset>
                                <fieldset class="byPlace" >
                                    <div>
                                        <span>按目的地</span>
                                    </div>
                                    <input type="text" placeholder="输入目的地">

                                </fieldset>
                            </div>
                            <div class="actions">
                                <i class="iconfont icon-fangdajing"></i>
                                <button  type="submit">搜 索</button>
                            </div>
                        </div>
                    </div>
                </div>　
                <div class="tool">
                    <a href="javascript:void(0);" class="loginBtn">搜索</a>
                </div>
                <div class="fl">
                    <i class="iconfont icon-phone"></i>
                    <b> 0571 85865111</b>
                </div>
            </div>
        </div>

    </div>
    <div class="wrap">
        <div class="head-contain">
            <div class="logo"></div>
            <ul>
                <li>首页
                </li>
                <li>目的地
                    <div class='xiala'>
                        <div class='arrow'>
                        </div>
                        <a href="">欧洲</a>
                        <a href="">美洲</a>
                        <a href="">大洋洲</a>
                        <a href="">亚洲</a>
                        <a href="">非洲</a>
                        <a href="">南极</a>
                        <a href="">北极</a>
                    </div>
                </li>
                <li class='theme-travel'>特色主题旅行
                    <i class='hot'></i>
                    <div class='xiala'>
                        <div class='arrow'>
                        </div>
                        <a href="">春之芳华</a>
                        <a href="">盛夏光年</a>
                        <a href="">文艺之秋</a>
                        <a href="">冬之恋歌</a>
                        <a href="">极地探索</a>
                        <a href="">游学考察</a>
                        <a href="">养生之旅</a>
                        <a href="">环球自驾</a>
                    </div>
                </li>
                <li>自由行
                    <i class='hot'></i>
                    <div class='xiala'>
                        <div class='arrow'>
                        </div>
                        <a href="">日本</a>
                        <a href="">希腊</a>
                        <a href="">美国</a>
                        <a href="">希腊</a>
                        <a href="">非洲</a>
                        <a href="">南极</a>
                        <a href="">北极</a>
                    </div>
                </li>
                <li>私人定制</li>
                <li>力行会
                    <div class='xiala'>
                        <div class='arrow'>
                        </div>
                        <a href="">渊源</a>
                        <a href="">品牌故事</a>
                        <a href="">活动.分享</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</header>
<div class="contain">
    <img id="map-bg" src="./images/map-bg.png" width='1300' height='711' alt="test-area" usemap='#worldMap' />
    <ul class="map-tips">
        <li class="tip-item north">
            <img src="./images/north-bg.png" alt="">
        </li>
        <li class="tip-item america">
            <img src="./images/america-bg.png" alt="">
        </li>
        <li class="tip-item europe">
            <img src="./images/europe-bg.png" alt="">
        </li>
        <li class="tip-item africa">
            <img src="./images/africa-bg.png" alt="">
        </li>
        <li class="tip-item asia">
            <img src="./images/asia-bg.png" alt="">
        </li>
        <li class="tip-item oceania">
            <img src="./images/oceania-bg.png" alt="">
        </li>
        <li class="tip-item south">
            <img src="./images/south-bg.png" alt="">
        </li>
    </ul>
    <ul class="map-hover-area">
        <li class="hover-item north"></li>
        <li class="hover-item america"></li>
        <li class="hover-item europe"></li>
        <li class="hover-item africa"></li>
        <li class="hover-item asia"></li>
        <li class="hover-item oceania"></li>
        <li class="hover-item south"></li>
    </ul>
    <map name="worldMap" id="worldMap">
        <area shape="poly" coords="400,27,396,18,399,3,402,1,919,1,919,5,913,9,915,12,923,18,922,26,911,25,904,25,901,28,895,33,879,37,866,33,859,33,849,45,831,44,820,41,807,45,801,50,795,50,787,44,768,45,752,48,741,42,733,36,731,43,729,48,722,52,707,58,702,62,692,60,684,56,672,59,656,66,640,61,637,52,629,57,624,62,608,63,597,58,586,58,577,58,575,51,575,43,583,43,587,37,575,37,569,33,558,36,544,38,540,42,532,47,525,48,514,46,503,39,497,41,480,47,472,47,460,35,456,31,449,37,435,34,419,28,413,27,412,23,400,28" href="#">
        <area shape="poly" coords="201,199,193,188,218,177,260,181,270,185,289,182,300,171,308,154,367,129,409,115,451,110,469,116,477,119,510,113,535,108,564,109,575,121,595,120,587,133,579,139,573,144,582,147,581,158,575,170,575,174,572,181,561,191,545,195,539,201,531,204,522,206,522,218,517,227,508,228,498,217,492,208,488,198,490,191,496,190,488,183,488,176,481,170,478,162,470,153,462,153,449,152,439,143,437,140,430,148,428,157,426,167,440,173,454,181,464,194,472,200,471,211,460,220,473,235,482,246,489,258,493,271,483,276,472,279,461,282,452,285,437,307,428,321,424,331,434,339,445,349,465,361,455,366,449,369,466,378,480,385,498,387,498,403,517,408,532,417,536,433,527,444,526,460,520,468,511,471,505,472,505,480,500,493,491,499,482,503,480,510,472,514,469,519,459,524,461,535,461,541,457,552,456,559,477,549,477,561,460,567,446,566,442,560,433,557,432,542,431,534,439,455,421,435,416,422,416,412,422,398,410,386,397,373,382,365,376,367,360,362,341,349,313,315,304,295,303,274,271,241,257,231,245,231,238,233,233,242,221,242,203,242,200,245,203,238,200,231,196,221,196,214,192,204,194,188" href="#">
        <area shape="poly" coords="756,298,748,294,739,291,733,292,732,295,716,290,708,291,706,294,701,296,696,294,690,291,686,294,691,300,696,309,684,305,677,296,672,297,669,304,662,302,666,296,654,288,653,297,645,297,649,284,641,285,636,286,632,293,628,297,624,303,615,306,608,305,603,304,601,297,604,285,622,283,624,278,616,270,612,261,604,258,598,255,599,246,607,247,610,238,614,231,591,205,585,211,570,210,565,204,570,198,585,199,619,231,620,236,622,242,626,246,627,250,632,255,641,250,651,248,648,243,642,231,641,220,644,214,658,204,666,195,666,188,669,186,667,149,654,136,659,129,672,131,694,127,697,135,691,138,690,147,680,146,673,149,671,186,690,179,699,178,706,179,720,184,732,191,740,189,748,189,762,186,759,175,772,157,786,151,807,146,799,154,788,159,779,166,771,173,773,177,776,180,780,188,786,191,784,201,782,211,784,222,781,228,782,240,779,254,781,261,784,266,780,268,769,264,760,262,755,265,754,275,752,281,756,298" href="#">
        <area shape="poly" coords="583,344,589,334,599,328,601,318,608,314,611,308,622,310,636,304,654,304,656,311,677,322,681,315,714,321,717,329,716,336,736,366,741,376,761,373,757,385,749,396,743,405,735,413,729,418,733,425,731,439,743,447,757,437,759,445,756,453,752,472,745,474,739,467,742,460,741,452,740,447,731,443,732,447,723,455,719,462,721,470,713,475,710,488,701,493,693,500,682,500,673,498,673,486,668,476,664,462,659,455,658,439,661,433,657,418,650,408,652,398,647,392,642,393,638,389,631,391,628,393,606,393,601,391,589,379,582,372,584,344" href="#">
        <area shape="poly" coords="781,181,785,187,788,198,786,206,784,213,786,224,783,229,783,236,783,246,781,253,783,261,785,266,782,271,765,266,757,266,756,273,755,281,757,294,758,302,742,295,736,294,731,298,715,293,706,297,701,296,697,300,704,308,720,306,718,318,719,330,723,339,736,361,741,370,751,372,780,358,782,350,779,337,800,339,809,349,815,352,816,360,827,382,831,388,843,390,837,377,839,366,860,348,866,351,871,360,874,366,882,364,883,375,882,383,874,390,896,421,910,428,945,434,959,426,960,417,974,417,983,420,987,428,992,427,992,414,982,409,979,409,967,406,962,401,952,400,937,398,939,392,950,391,958,387,958,379,950,363,946,355,944,342,944,332,945,321,941,310,953,303,958,315,966,322,975,318,987,313,998,308,999,293,1006,284,1005,277,1002,267,1003,253,995,246,985,247,996,235,1004,231,1016,230,1028,230,1034,225,1042,221,1042,231,1031,238,1032,250,1039,259,1044,249,1051,239,1050,231,1054,227,1065,227,1072,227,1086,218,1096,216,1090,207,1101,204,1113,209,1122,205,1124,197,1110,197,1106,192,1096,186,1104,178,1096,173,1090,183,1079,183,1070,180,1068,188,1060,182,1046,183,1038,179,1027,177,1018,174,1006,170,1010,163,1019,156,1007,155,987,152,984,159,990,164,1003,159,1011,160,1007,170,995,171,991,174,985,176,973,174,967,177,964,173,964,169,954,166,947,168,937,166,924,163,921,160,921,151,912,147,904,144,901,138,897,134,890,131,881,125,870,119,866,130,875,137,885,139,888,144,888,148,878,149,867,151,860,155,850,160,849,166,841,164,833,164,832,170,824,170,815,173,816,170,807,169,802,175,798,180,797,183,782,181" href="#">
        <area shape="poly" coords="993,412,993,427,986,436,972,432,963,438,958,444,954,442,947,447,941,453,925,460,921,468,922,478,924,488,927,498,934,503,949,499,961,493,973,491,979,500,986,501,989,508,1008,517,1002,518,1007,525,1014,523,1010,518,1006,512,1011,510,1018,508,1022,500,1059,531,1067,536,1078,527,1092,515,1088,503,1074,499,1079,504,1080,514,1073,518,1066,525,1062,532,1021,500,1024,493,1026,483,1023,474,1053,461,1061,464,1054,458,1052,461,1024,473,1015,462,1006,452,1002,445,1039,431,1052,436,1046,429,1042,425,1040,432,1003,445,1017,433,1017,429,1024,422,1034,422,1022,414,1012,419,998,414,993,412" href="#">
        <area shape="poly" coords="305,684,284,691,295,699,312,707,314,709,990,709,986,704,986,697,997,694,1003,688,992,686,993,679,1000,674,1007,670,1009,664,996,657,986,657,973,652,956,646,943,643,929,640,917,643,907,645,897,644,886,638,875,639,871,642,857,642,836,640,821,644,815,647,800,656,792,647,779,645,767,642,759,637,747,644,736,647,725,654,716,653,705,653,691,656,670,654,660,656,647,653,636,657,622,659,598,666,592,672,587,674,587,679,580,682,565,688,553,689,523,684,513,675,512,662,510,650,504,646,526,633,501,643,521,631,497,644,498,649,494,654,480,657,477,663,470,668,447,666,437,662,426,665,418,667,413,669,402,668,391,664,383,663,377,669,370,677,363,678,354,673,343,675,332,680,305,684" href="#">
    </map>
</div>
<footer >
    <div class="wrapper">
        <div class="footer-top">
            <span>「力行会」是</span>
            <img src="images/zql-logo.png" alt="">
            <span>旗下高端旅行品牌</span>
        </div>
        <div class="footer-bottom">
            <p><span>Copyright © 2016 Uniqueway Inc.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 保留所有权利&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浙ICP备8888888</span><i>服务时间：周一至周五 9：00~17:30</i></p>
            <p>浙江省中青国际旅游有限公司&nbsp;&nbsp;&nbsp;地址：浙江省杭州市下城区凤起路56号2楼</p>
            <p>*本网站部分图片来自网络，若作者看到，请尽快与力行会联系。</p>
        </div>
    </div>
</footer>

<script>
    $(function () {
        $('#worldMap').children().each(function (index,item) {
            $(item).hover(function () {
                $('.map-hover-area').children().eq(index).show();
                $('.map-tips').children().eq(index).show();
            }, function () {
                $('.map-hover-area').children().eq(index).hide();
                $('.map-tips').children().eq(index).hide();
            })
        })
        $('.map-tips').children().each(function (index, item) {
            $(item).hover(function () {
                $('.map-hover-area').children().eq(index).show();
                $('.map-tips').children().eq(index).show();
            }, function () {
                $('.map-hover-area').children().eq(index).hide();
                $('.map-tips').children().eq(index).hide();
            })
        })
    })
</script>
</body>
</html>